html, body {
  position: relative;
  height: 100%;
  width: 100%;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}

.letter-space {
  letter-spacing: 1px;
}

.container {
  position: fixed;
  top: 0;
  left: 0;
   
  height: 100% !important;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;

  margin-right: auto;
  margin-left: auto;

  background: #fff;

  .letter-space();
}

.wrapper_container {
  margin-bottom: .35rem;
  padding: .25rem .3rem;
  padding-top: .35rem;

  color: #737373;
  background: #FFF;
  font-size: .32rem;
  font-weight: 400;
  margin-top: 1rem;
}

.content {
  margin-top: 2vw;
}

.service-container {
  margin-top: .241546rem;
}

.service-container:after {
  content:""; 
  display: block; 
  clear:both; 
}

.service-item {
  // float: left;

  width: 1.75rem;
}
.service-item:first-child {
  margin-left: .120773rem;
}
.service-item:not(:first-child) {
  margin-left: .700483rem;
}

.service-image {
  border-radius: 10px;
  border: 2px solid transparent;
  
  margin: 0 auto;
  width: 1.73913rem;
  height: 1.73913rem;
  display: block;
}

.service-item.active {
  .service-image {
    border: 2px solid #ff7b00;
    box-shadow: 1px 1px 0 #dbdbdb;
  }

  .service-name {
    color:#ff7b00;
  }
}
.service-name {
  color:#19C9DA;
  font-size: .386473rem;
  font-weight: bold;
}

.service-name {
  margin-top: .2rem;
  text-align: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}



.other-items-container {
  margin: 0 auto;
  margin-bottom: 1.207729rem;
  background: #FFF;
}

.other-item {
  box-sizing: border-box;
  position: relative;
  padding: .410628rem;
  height: 2.101449rem;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-flow: column;

  .item-title {
    margin: 0;
    color: #333;
    font-size: .386473rem;
    font-weight: bold;
  }

  .options-desc {
    margin-top: .096618rem;
    color: #666;
    font-size: .338164rem;
    font-weight: 500;

    display: block;
  }
}

.other-item {
  border-bottom: .019324rem solid #19C9DA;
}

.other-right-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;

  right: .3rem;
  color: #dbdbdb;

  width: 0.44rem;
  height: 0.44rem;
  display: block;
}

.button-group {
  
}

.btn-standard {
  .btn();
  display: block;
  width: 89.3%;
  margin: 0 auto;

  height: 1.15942rem;
  border-radius: .57971rem;
  font-size: .434783rem;

  letter-spacing: 2px;
  font-weight: 500;
}

@submit_from: #19CAD9;
@submit_to: #19CAD9;

.btn-submit {
  .btn-standard();
  color: #FFF;

  background: -webkit-linear-gradient(left, @submit_from, @submit_to); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, @submit_from, @submit_to); /* Opera 11.1 - 12.0 */
  background: -o-linear-gradient(right, @submit_from, @submit_to); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, @submit_from, @submit_to); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, @submit_from, @submit_to); /* 标准的语法 */
}

.btn-submit.disable {
  opacity: .6;
}

.btn-preview {
  .btn-standard();
  margin-top: .241546rem;
  border-color: #19CAD9;
  background: transparent;
  color: #19CAD9;  
}

.f-c() {
  display: flex;
  justify-content: center;
  align-items: center;
}
body {
  background-color: #fff !important;
}

@themeColor: #19C9DA;
.grey {
  width: 100%;
  height: .241546rem;
  background-color: #f7f7f7;
}
.serviceItem {
  padding: .483092rem;
  margin-top: .917874rem;
  background-color: #fff;
  .serviceTitle {
      color: #333;
      font-size: .410628rem;
      font-weight: bold;
  }
  .serWrap {
    .f-c();
    justify-content: space-between;
    padding-top: .241546rem;
    .serItem {
      .f-c();
      flex-flow: column;
      color: @themeColor;
      font-weight: bold;
      font-size: .31401rem;
      width: 1.73913rem;
      >img {
        width: 100%;
      }
      .itemName {
        padding-top: .120773rem;
        font-size: .386473rem;
      }
    }
  }

}
/* old css */
.title_h3 {
  color: #333;
  font-size: .410628rem;
  font-weight: bold;

}